<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>头部</title>
		<link rel="stylesheet" type="text/css" href="../../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/top.css"/>
	</head>
	<body>
		<div class="wrap clear">
			   <div class="logo floatLeft clear">
            <img class="logo1" style="width: 440px;" src="../../img/top/logo.png" />
            <img src="../../img/top/logo3.png"  style="position:relative;top:0;left:1%;left: -10%;width: 350px;" />
        </div>
        <div class="marquee floatRight clear">
        	<div style="margin: 15px auto 20px 10px; ">
			<span>2018年9月10日</span>&emsp;<span>14:31:50</span>&emsp;&emsp;<span>星期一</span>
			</div>
			<div onclick="menu2Click()" style=" width: 100%;">
				<a href="javascript:void(0);" class="bgd_user" style="margin-left: 10px;">超级管理员</a>
				<a href="javascript:void(0);" class="bgd_exist" onclick="returnLogin();">退出</a>
				
			</div>
		</div>
			<div id="navTop" class="nav floatRight clear">
				<ul>
					<li id="li5" style="cursor:pointer;">
						<a onclick="menuClick(6)">
							<img src="../../img/top/manage.png"/>
							<p id="menu5">系统管理</p>
						</a>
					</li>
					<li id="li4" style="cursor:pointer;">
						<a onclick="menuClick(5)">
							<img src="../../img/top/stock.png"/>
							<p id="menu4">物料管理</p>
						</a>
					</li>
					<li id="li3" style="cursor:pointer;">
						<a onclick="menuClick(4)">
							<img src="../../img/top/produce.png"/>
							<p id="menu3">生产管理</p>
						</a>
					</li>
					<li id="li2" style="cursor:pointer;">
						<a onclick="menuClick(3)">
							<img src="../../img/top/analize.png"/>
							<p id="menu2">分析展示</p>
						</a>
					</li>
					<li id="li1" style="cursor:pointer;">
						<a onclick="menuClick(2)">
							<img src="../../img/top/qualitity.png" style="width: 40px;height: 40px;"/>
							<p id="menu1">质量管理</p>
						</a>
					</li>
					<li id="li1" style="cursor:pointer;" class="nav_top_selected">
						<a onclick="menuClick(1)">
							<img src="../../img/top/device.png" style="width: 40px;height: 40px;"/>
							<p id="menu1">设备管理</p>
						</a>
					</li>
				</ul>
			</div>
			
		</div>
	</body>
	<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/frame/menuTree.js" type="text/javascript" charset="utf-8"></script>
	<script>
		function menuClick(index){
			var document = self.parent.mainFrame.menuFrame.document;
			//隐藏所有菜单
			$(document).find("ul[name^=menu]").hide();
			$(document).find("a[name^=menu]").hide();
			//展示该目录下菜单
			$(document).find("a[name='menu" + index + "']").css("display","block");
			var ul = $(document).find("ul[name='menu" + index + "']:eq(0)");
			ul.css("display","block");
			//点击第一个菜单
			if (index != 3){
				$(ul).find("a")[0].click();
			}
		}
		
		function returnLogin(){			
			window.parent.location.href = "../../login.html";
		}
		
		
	</script>
	
	<script type="text/javascript">
		$(function(){
			// 导航栏点击
			$("#navTop li").click(function(){
				$(this).addClass("nav_top_selected");
				$(this).siblings().removeClass("nav_top_selected");
				
			});
		});
	</script>
</html>
